.index_hotgame{}
.index_title01{ }
.index_title01 h2{ display: block;height: 170px; max-width: 1200px; text-indent: -9999px; overflow: hidden}
.index_hgtitle{ background: url(../images/index_hot_title.png) center no-repeat}
.index_newstitle{ background: url(../images/index_dt_title.png) center no-repeat}
.index_hgul{ margin-bottom: 60px; max-width: 1200px; float: left}
.hg_li01{ width:397px; height: 397px; position: relative}
.hg_li01 img{  width:397px; height: 397px; }
.hg_li02{ width: 197px; height: 197px; position: relative}
.hg_li02 img{width: 197px; height: 197px; }

.game_info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;margin-bottom: -100px;z-index: 2;color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;background: url(../images/hot_game_hover.png) no-repeat;-moz-box-shadow:0px 0px 8px #6c8caf; -webkit-box-shadow:0px 0px 8px #6c8caf; box-shadow:0px 0px 8px #6c8caf;}
.game_info:hover{opacity: 1;top: 0;}
.game_info_con{width: 100%; height: 258px;}
.game_info_cona{ font-size: 16px;}
.game_info .infole{ text-align: center; margin-top: 16%}
.game_info .infole img{ margin:0 auto; width:100px; height: 100px}
.game_info .infop{ text-align:center; letter-spacing: 3px; font-size: 14px}
.game_info .infori{margin-top: 14px;}
.game_info .infori{float: left;  margin:15% 16px 16px 16px; line-height: 25px;}


.index_newsimg{ position: relative; width:460px; height: 350px; margin-bottom: 40px}
.index_newsimg img{ width:397px; height: 298px; z-index: 2; position: absolute}
.index_newsimg p{ position: absolute;  height: 44px; width: 397px; top: 254px; background: url(../images/hot_game_hover.png); line-height: 44px; font-size:16px; text-indent: 10px;filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9; z-index: 2}
.index_newsimg p a{ color: #fff}
.index_newsimg .index_newsimgbg{ position: absolute; width: 530px; height:350px; background: url(../images/index_dtimgbg.png) no-repeat; top: -20px; left: -70px;z-index: 1}

.index_newslist{ padding-left: 20px; width: calc(100% - 480px);}
.index_newsul li{ font-size:16px; line-height: 52px; height: 52px; background: url(../images/line_dashed.gif) bottom repeat-x}
.index_newsul li span{ float:right; color: #999; padding-left: 20px}
.index_newsmore a{ background: #e6edf2; border-radius: 20px; display: block; float: right; height: 34px; line-height: 34px; padding: 0 20px; color: #939ba1; font-size:16px;; margin-top: 10px}
.index_newsmore a:hover{ background: #d7e2ea}

/*幻灯*/
.hide{display:none}
.wrap{position:relative;width:100%;min-width:1260px;max-width:1920px;margin:0 auto}
.wrap .topBar{position:absolute}
.head-wrap{position:relative;width:100%;height:690px;overflow:hidden}
.head-box{position:absolute;width:100%;padding-top:100px;height:590px;top:0;left:0;background-position:center top;z-index:1}
.head-box.cur{z-index:2;display:block}
.head-ctrl-box{position:absolute; height:0;left:calc(50% - 100px);bottom:40px;z-index:3}
.head-ctrl{position:relative;width:200px;float:right;height:40px;text-align:center}
.head-ctrl a{display:inline-block;width:14px;height:14px;margin:0 5px;background-repeat: no-repeat;}
.head-ctrl a:hover,.head-ctrl a.cur{ width: 32px; background: #4796f5}
.head-sel{position:absolute;top:45%;background:#333;width:45px;height:80px;z-index:5;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5 ;}
.head-sel i{position:absolute;width:8px;height:13px;left:50%;top:50%;margin-left:-4px;margin-top:-7px}
.head-sel:hover{background:#3c3d3f;filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9 ;}
.head-sel:hover .sel-box{display:none}
.head-prev{left:0}
.head-prev i{background:url(../images/prev_i.png) no-repeat}
.head-next{right:0}
.head-next i{background:url(../images/next_i.png) no-repeat}
.sel-box{position:absolute;top:0;left:-231px;width:210px;height:60px;padding:10px;background:#3c3d3f;display:none;overflow:hidden}
.sel-box img{position:relative;float:left;margin-right:10px;width:60px;height:60px}
.sel-box h2{color:#fff;font-size:14px;line-height:1.5em;height:20px;overflow:hidden}
.sel-box p{color:#fff;font-size:14px;line-height:28px;height:28px;overflow:hidden}
.prev-box{left:45px;border-left:#767878 1px solid}
.next-box{left:-231px;border-right:#767878 1px solid}
.header{position:relative;width:1260px;margin:0 auto;height:100%;display:block}
.header .h-title{position:absolute;width:570px;top:25px}
.header .h-title h2{font-size:41px;line-height:44px;margin-bottom:20px;color:#272a2c; font-weight: bold}
.header .h-title p{margin:10px 0 30px;font-size:18px;color:#211d1d;line-height:30px}
.header .h-title i{  display:block; }
.header .h-title i img{ float:left; display: inline-block; margin-right: 20px; width: 84px; height: 84px}
.header .h-title .d4{float: left;width: 0; height: 0;border-width: 8px;border-style: solid;border-color: transparent #fff transparent transparent;margin-top: 30px}
.header .white h2{color:#fff}
.header .white h3{color:#fff}
.header .white p{color:#fff}
.header .left{left:-30px}
.header .left h2{text-align:left}
.header .left h3{text-align:left}
.header .left p{text-align:left}
.header .center{left:50%;margin-left:-245px;top:100px}
.header .center h2{text-align:center}
.header .center h3{text-align:left}
.header .center i{margin:0 auto}
.header .center p{text-align:center}
.header .right{right:40px}
.g-listBox{position:absolute;width:390px;height:280px;padding:40px 40px 0;background:#282b2d;overflow:hidden;right:0}
.g-listBox .g-newsBox{width:100%;height:100%;overflow:hidden}
.g-listBox .newsBox{position:relative;width:100%;padding-top:14px}
.g-listBox .hot-news{font-size:24px;color:#cf0f32;padding-bottom:14px;border-bottom:1px #3d4041 solid;display:block;font-weight:700}
.g-listBox .hot-news:hover{color:#e41f43}
.g-listBox .morenews{position:absolute;right:0;top:0;width:37px;height:37px;background-repeat: no-repeat;}
.g-hotBox{padding:50px 0}
.g-hotBox .con-box-title{position:relative;line-height:22px;font-size:22px;color:#272a2c;display:block;text-indent:15px;border-left:4px #cf1132 solid;margin-bottom:30px}
.topBar.hasAd{background:rgba(225,225,225,.5);opacity:1;z-index:5;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.topBar.hasAd .topBoxlist a{color:#fff;color:#888\0;*color:#888;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.g-listBox .morenews{background-position:0px 0px}
.head-ctrl a{background-position:-37px 0px}
.head-ctrl a:hover,.head-ctrl a.cur{background-position:0px -37px}
.g-hotBox .reload i{background-position:-20px -37px}
.g-banBox .ctrl a{background-position:-37px -20px}
.g-banBox .ctrl a:hover,.g-banBox .ctrl a.cur{background-position:-47px -20px}
.g-listBox .morenews,.head-ctrl a,.g-hotBox .reload i,.g-banBox .ctrl a,.g-banBox .ctrl a:hover,.g-banBox .ctrl a.cur{background-size: 14px 14px; background: #fff; border-radius: 20px}